:root {
  --color-black: #111111;
  --color-warm-beige: #E9E2D8;
  --color-stone: #CFCCC1;
  --color-terracotta: #C4634A;
  --color-dusty-pink: #E8CFC9;
  --color-soft-sage: #B8C8B8;
  --color-warm-clay: #D8B6A4;
  --color-ochre: #C9BA5C;
  --color-off-white: #FAFAF7;
  --color-cream: #F5F0E8;
  --color-warm-grey: #807B72;
  --color-medium-grey: #4A4541;
  --color-charcoal: #2C2926;
  --font-display: 'Alta', sans-serif;
  --font-body: 'Josefin Sans', sans-serif;
}

@font-face {
  font-family: 'Alta';
  src: url('/media/Alta_regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}